#page{
    display:flex;
    flex-direction: column;
    width:60%;
    height:700px;
    background-color: rgb(255, 253, 238);
    border:1px solid black;
    margin:auto;
    text-align: center;
}

#first{
    width:80%;
    height:150px;
    background-color:rgb(131, 169, 240);
    border:1px solid black;
    margin-top:5%;
    margin-left:10%;
}

.login_section{
    display:flex;
    width:100%;
    height:150px;
    flex-direction: row;
    border:1px solid black;
}

.login{
    flex-grow: 7;
    border: 2px dotted black;
}

.user{
    flex-grow: 3;
    border: 2px dotted black;
}

#second{
    display:flex;
    flex-direction: row;
    width:80%;
    height:100px;
    background-color:rgb(254, 191, 113);
    margin-left: 10%;;
    border:1px solid black;
}

.want{
    flex-grow:5;
    border: 2px dotted black;
}

.history{
    flex-grow:5;
    border: 2px dotted black;
}

#third,#fourth{
    display:flex;
    flex-direction: row;
    width:80%;
    height:150px;
    background-color:mistyrose;
    margin-left: 10%;;
    border:1px solid black;
}

.one{
    flex-grow: 2.5;
    border: 2px dotted black;
}